<template>
  <div class="hello">
    <div class="mm">
      <div class="mm1">
        <div class="mm2">
          <div class="mm3">
            <div>企业概况</div>
            <p>关于企业</p>
            <p>企业实力</p>
            <p>发展历程</p>
            <p>企业荣誉</p>
          </div>
          <div class="mm4">
            <div>集团产业</div>
            <p>金融板块</p>
            <p>科技板块</p>
            <p>电商板块</p>
            <p>职教板块</p>
            <p>幼教板块</p>
          </div>
          <div class="mm5">
            <div>企业新闻</div>
            <p>集团要闻</p>
            <p>公司新闻</p>
            <p>行业资讯</p>
          </div>
          <div class="mm6">
            <div>人力资源</div>
            <p>招聘信息</p>
          </div>
        </div>
        <div class="mm7">
          <div class="mm8">
            <img src="../assets/打造前程标志(1).png" />
            <h1>
              公司总部地址：郑州市金水区北三环文化路79号河南艺术职业学院
              邮箱：logo@163.com
            </h1>
          </div>
          <div class="mm9">
            <div class="mm10"><img src="../assets/位图.png" /></div>
            <h2>关注微信公众号</h2>
          </div>
        </div>
      </div>
      <div class="mm11">
        <div class="mm12"></div>
      </div>
      <div class="mm13">
        <div class="mm14">
          <h3>Copyright © xxxx有限公司 #网站备案号#</h3>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  props: {
    msg: String,
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.mm {
  width: 1920px;
  height: 385px;
  background: #17213d;
}
.mm1 {
  width: 1920px;
  height: 276px;
  display: flex;
  /* border: 1px solid red; */
}
.mm2 {
  width: 640px;
  height: 276px;
  display: flex;
  margin-left: 282px;
  /* border: 1px solid red; */
}
.mm3,
.mm4,
.mm5,
.mm6 {
  width: 64px;
  height: 190px;
  margin-left: 72px;
  margin-top: 77px;
  /* border: 1px solid red; */
}
.mm3 div,
.mm4 div,
.mm5 div,
.mm6 div {
  width: 64px;
  height: 22px;
  font-size: 16px;
  font-weight: 500;
  color: #dddddd;
  line-height: 22px;
}
.mm3 p,
.mm4 p,
.mm5 p,
.mm6 p {
  width: 56px;
  height: 0px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  line-height: 20px;
  margin-top: 32px;
}
.mm7 {
  width: 1030px;
  height: 276px;
  display: flex;
  /* border: 1px solid red; */
}
.mm8 {
  width: 467px;
  height: 156px;
  margin-top: 70px;
  /* border: 1px solid red; */
}
.mm8 h1 {
  width: 467px;
  height: 64px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  line-height: 32px;
  margin-top: 38px;
}
.mm9 {
  width: 111px;
  height: 139px;
  margin-left: 70px;
  margin-top: 79px;
  /* border: 1px solid red; */
}
.mm9 h2 {
  width: 98px;
  height: 20px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 20px;
  margin-left: 8px;
}
.mm10 {
  width: 111px;
  height: 109px;
  border: 1px solid #979797;
}
.mm10 img {
  margin: 7px 8px 7px 8px;
}
.mm11 {
  width: 1920px;
  height: 8px;
  /* border: 1px solid red; */
}
.mm12 {
  width: 1280px;
  height: 1px;
  background: #444444;
  margin-top: 36px;
  margin-left: 320px;
}
.mm13 {
  width: 1920px;
  height: 62px;
  /* border: 1px solid red; */
}
.mm14 {
  width: 413px;
  height: 35px;
  margin-left: 321px;
  margin-bottom: 21px;
  /* border: 1px solid red; */
}
.mm14 h3 {
  width: 413px;
  height: 17px;
  font-size: 12px;
  font-weight: 400;
  color: #a3a3a3;
  line-height: 60px;
}
</style>
